<template>
    <el-row class="border" style="background-color:#adc6ff">
        <el-col :span="1" class="ps-3"><el-icon :size="25"><Position /></el-icon></el-col>
        <el-col :span="20" class="my-2">
            <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">站点首页</el-breadcrumb-item>
            <el-breadcrumb-item>国际新闻</el-breadcrumb-item>
            <el-breadcrumb-item>国际要闻</el-breadcrumb-item>
            <el-breadcrumb-item>军事新闻</el-breadcrumb-item>
            </el-breadcrumb>
        </el-col>
        <el-col :span="3" class="my-auto">
           {{times}}
        </el-col>
  </el-row>
</template>

<script>
export default {
    name: "NewsTime",
    data() {
        return {
            times:'',//格式化之后的当前时间
        };
    },
    created() {
        this.getTimes()
    },
    methods: {
        getTimes(){
        setInterval(this.getTimesInterval, 1000);
        },
        getTimesInterval:function() {
            let _this = this;
            let year = new Date().getFullYear(); //获取当前时间的年份
            let month = new Date().getMonth() + 1; //获取当前时间的月份
            let day = new Date().getDate(); //获取当前时间的天数
            let hours = new Date().getHours(); //获取当前时间的小时
            let minutes = new Date().getMinutes(); //获取当前时间的分数
            let seconds = new Date().getSeconds(); //获取当前时间的秒数
        //当小于 10 的是时候，在前面加 0
        if (hours < 10) {
            hours = "0" + hours;
        }
        if (minutes < 10) {
            minutes = "0" + minutes;
        }
        if (seconds < 10) {
            seconds = "0" + seconds;
        }
        //拼接格式化当前时间
        _this.times = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
        },
    },
}
</script>

<style>

</style>